@import "../common/functions.scss";
@import "../common/_variables.scss";
$bule:#04A9F4;
$ml:pxToRem(19px);
$fs: pxToRem(36px) pxToRem(44px) pxToRem(28px) pxToRem(26px) pxToRem(24px);
%fb{font-weight: bold;}
body{
	background: #eeeeee; 
}

header{
    background: url(/resources/img/icon-bg.png) repeat-x;
    background-size:cover;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    width: 100%;
    height: pxToRem(68px);
    font-size: nth($fs,3);
    line-height: pxToRem(68px);
    text-align: center;
    display: block;
    position: relative;
    color: $_fff;
    .icon-btn{
       position: absolute;
       height: pxToRem(68px);
       line-height: pxToRem(68px);
       left: $ml;
       top: 0;
       font-size: nth($fs,3);
       color: $_fff;

       // i{
       //  display: block;
       //  width: pxToRem(22px);
       //  height: pxToRem(68px);
       //  float: left;
       //  margin-right: pxToRem(5px);
       //  background: url(/resources/img/icon-left.png) no-repeat;
       //  background-size:cover;

       // }

       i{
        width: pxToRem(26px);
        height: pxToRem(26px);
        border-left:pxToRem(4px) solid #fff;
        border-bottom:pxToRem(4px) solid #fff;
        float: left;
        margin-top: pxToRem(20px);
        transform: rotate(45deg);

       }

    }
}

h3.title{
    width: 100%;
    height: pxToRem(80px);
    line-height: pxToRem(70px);
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    padding:pxToRem(10px) 0 0 $ml;
    background: #eeeeee;
    margin: 0;
    font-size: nth($fs,3);
    color: #666;
}

.font-wrap{
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    background:#ffffff;
    padding:pxToRem(21px) pxToRem(26px) $ml;

    p{
        font-size: pxToRem(24px);
        line-height: pxToRem(42px);
    }
}








/*
header{
    background: $bule;
    color: $_fff;
    font-size: nth($fs,1);
    padding: pxToRem(30px) 0;
    text-align: center;
    .icon-card{
        display: inline-block;
        margin-right: pxToRem(20px);
        width: pxToRem(50px);
        height: pxToRem(37px);
        background: url(/carpayH5/resources/img/icon-card.png)  no-repeat;
        background-size: 100% 100%;
        vertical-align: middle;
    }
}
section{
    padding-top: pxToRem(163px);
    .card{
        background: $_fff;
        width: pxToRem(712px);
        height: pxToRem(467px);
        border: 1px solid $_ccc;
        border-radius: .2rem;
        margin: 0 auto;
        padding: pxToRem(85px) pxToRem(23px);
        margin-bottom: pxToRem(80px);
        h2{
            color: $bule;
            font-size: nth($fs,2);
            text-align: center;
            margin-bottom: pxToRem(80px);
        }
        .flex_box{
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: space-between;
        }
        .flex_cell{
            width: 50%;
        }
        .flex_cell:nth-child(1){
            border-right: .02rem solid #DFDFDF;
        }
        label,a{
            display: block;
            font-size: nth($fs,3);
            text-align: center;
        }
        label{
            color: $_666;
            margin-bottom: pxToRem(40px);
        }
        a{
            color: $_fff;
            background: $blue;
            width: pxToRem(300px);
            height: pxToRem(80px);
            line-height: pxToRem(80px);
            margin: 0 auto;
        }
    }
    .card_p{
        color: $_999;
        font-size: nth($fs,4);
        text-indent: pxToRem(60px);
        padding: 0 pxToRem(45px);
        text-align:justify;
        line-height: 1.5;
    }
}
*/